<template>
<div class="commodity-content">
  <commodity-content-title />
  <div style="padding: 22px 28px;">
    <product-module :lists="lists" :gap="['20px', '11px']" />
  </div>
</div>
</template>
<script setup>
import CommodityContentTitle from "@/components/product/CommodityContentTitle.vue";
import ProductModule from "@/components/common/ProductModule.vue";
const props = defineProps({
  lists: {
    type: Array,
    default: () => {
      return []
    }
  }
})
const MainDaily = [
  {
    poster: 'https://argos-shop-online.s3.amazonaws.com/pc/gp/B07XGP7HTW/81fwoaIeEOL._AC_SL1500_.jpg',
    price: 34.6,
    sales: 1,
    title: ' COOFANDY 男士披肩领长开衫针织荷叶边时尚毛衣垂坠斗篷 '
  }
]
</script>
<style scoped>
.commodity-content{
  width: 100%;
}
</style>